/* 桌面端 */
@media screen and (min-width: 993px) {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  /*滚动条颜色*/
  ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #BDBDBD;
  }

  .popover-div {
    width: 330px;
  }

  .popover-div .avatar-upload {
    opacity: 0;
  }

  .popover-div .avatar-upload:hover {
    opacity: 1;
  }

  .mu-container {
    height: 100%;
  }

  .container {
    padding: 16px 0;
    min-height: 90%;
  }

  #footer {
    height: 10%;
  }

  .login-dialog .mu-dialog-body, .register-dialog .mu-dialog-body {
    padding: 0;
  }

  .login-dialog header, .register-dialog header {
    height: 200px;
    padding-bottom: 136px;
    box-shadow: none;
  }

  .login-form .mu-form, .register-form .mu-form {
    margin-top: 24px;
    padding: 0 40px 62px 24px;
  }

  .mu-dialog .mu-form {
    margin-top: 24px;
    padding: 0 40px 62px 24px;
  }

  /*卡片悬浮阴影*/
  .mu-hoverable {
    -webkit-transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow
  }

  .mu-hoverable:focus, .mu-hoverable:hover {
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
  }
}
